<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>赛博朋克2077里的地铁真的能坐！体验堪比过山车！</title>
<c:set var="basepath" scope="page"
	value="${pageContext.request.contextPath}"></c:set>
<link rel="stylesheet" type="text/css" href="${basepath}/css/header.css" />
<link rel="stylesheet" type="text/css"
	href="${basepath}/css/header-nr.css" />
<link rel="stylesheet" type="text/css" href="${basepath}/css/内容.css" />
  <style>
        li {list-style: none; }
        #dang { height: 40px;text-align: center;padding-top: 800px; }
        #dang input { width: 200px;height: 30px; text-align: left;line-height: 30px;padding-left: 5px; }
        #fan {width: 80px;height: 35px;text-align: center;line-height: 35px;color: #000;display: inline-block;cursor: pointer;}
        .shanpe li { position: absolute;color: #000; height: 400px;line-height: 400px; right: 0px;font-size: 20px}
        @keyframes danmuone {
            100% {
                right: 2000px;
            }
        }
    </style>
</head>
<body>

	<!--标题栏开始-->
	<header>
		<!--左边板块开始-->
		<div class="hleft">
			<!--logo开始-->
			<div class="logo">
				<a href="index.jsp"> <span class="zhuzhan">主站</span>
				</a>
				<!--目录开始-->
				<div class="meun">
					<div class="mleft">
						<a href="./video.do?op=getF&&type=Donghua" class="ms">动画 <span>1996</span></a> 
						<a href="./video.do?op=getF&&type=Shenghuo" class="ms">生活 <span>15936</span></a> 
						<a href="./video.do?op=getF&&type=Fanju" class="ms">番剧<span>107</span></a> 
						<a href="./video.do?op=getF&&type=Guichu" class="ms">鬼畜 <span>110</span></a> 
						<a href="./video.do?op=getF&&type=Guochuang" class="ms">国创 <span>154</span></a> 
						<a href="./video.do?op=getF&&type=Shishang" class="ms">时尚<span>892</span></a> 
						<a href="./video.do?op=getF&&type=Yinyue" class="ms">音乐 <span>3407</span></a> 
						<a href="./video.do?op=getF&&type=Guanggao" class="ms">广告 <span>83</span></a>
						<a href="./video.do?op=getF&&type=Wudao" class="ms">舞蹈 <span>495</span></a>
						<a href="./video.do?op=getF&&type=Yule" class="ms">娱乐 <span>3363</span></a>
						<a href="./video.do?op=getF&&type=game" class="ms">游戏 <span>17878</span></a>
						<a href="./video.do?op=getF&&type=Yingshi" class="ms">影视<span>2985</span></a>
						<a href="./video.do?op=getF&&type=Keji" class="ms">科技 <span>2746</span></a>
						<a href="./video.do?op=getF&&type=Fangyingting" class="ms">放映厅 <span class="ls">302</span></a>
						<a href="./video.do?op=getF&&type=Shuma" class="ms">数码 <span>486</span></a>
					</div>
					<div class="mright">
						<a href="#" class="ms">专栏</a> <a href="#" class="ms">直播</a> <a
							href="#" class="ms">小黑屋</a> <a href="#" class="ms">话题</a> <a
							href="#" class="ms">活动</a> <a href="#" class="ms">赛事</a>

					</div>
				</div>
				<!--目录结束-->
			</div>
			<!--logo结束-->
			<!--左导航开始-->
			<ul>
				<li><a href="./video.do?op=getF&&type=Fanju" class="zhuli">番剧</a></li>
				<li class="games"><a href="#" class="zhuli">游戏中心</a>
					<div class="games-1">
						<div class="games-1-left">
							<img src="img/header/gl1.jpg" />
							<p class="ig">妄想破绽</p>
							<a href="#"><img src="img/header/gl2.jpg" title="双生世界" />
								<p>双生世界</p></a> <a href="#"><img src="img/header/gl3.png"
								title="命运-冠" />
								<p>命运-冠</p></a> <a href="#"><img src="img/header/gl4.png"
								title="重装战姬" />
								<p>重装战姬</p></a>
						</div>
						<div class="games-1-right">
							<img src="img/header/xinyou.png" />
							<ul>
								<li><a href="#">逃脱者：困境突围</a><img src="img/header/g1.png" /></li>
								<li><a href="#">泡沫冬景</a><img src="img/header/g2.png" /></li>
								<li><a href="#">站双帕弥什</a><img src="img/header/g3.png" /></li>
								<li><a href="#">大王不高兴</a><img src="img/header/g4.png" /></li>
								<li><a href="#">阴阳师：百闻啤</a><img src="img/header/g5.png" /></li>
								<li><a href="#">公主连结Re:Dive</a><img src="img/header/g6.png" /></li>
								<li><a href="#">Dead Cells</a><img src="img/header/g7.png" /></li>
							</ul>
						</div>
					</div></li>
				<li class="zhibo"><a href="#" class="zhuli">直播</a>
					<div class="zhibo-1">
						<div class="zhibo-1-left">
							<h3>热门直播</h3>
							<div class="zhibo-list">
								<a href="#"><img src="img/header/t1.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>酸奶EIF</p></a> <a href="#"><img src="img/header/t2.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>夜落莫言</p></a> <a href="#"><img src="img/header/t3.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>十二月的...</p></a> <a href="#"><img src="img/header/t4.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>睡神不醒、</p></a> <a href="#"><img src="img/header/t5.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>是辞妹o</p></a> <a href="#"><img src="img/header/t6.webp" />
									<div class="zhibo-hover">LIVE</div>
									<p>梦醒三生梦</p></a>
							</div>
						</div>
						<div class="zhibo-1-right">
							<h3>热门活动</h3>
							<div class="zhibo-1-right-tu">
								<img src="img/header/zyt1.jpg" />
							</div>
							<div class="zhibo-1-right-tu">
								<img src="img/header/zyt2.jpg" />
							</div>
						</div>
					</div></li>
				<li><a href="#" class="zhuli">会员购</a></li>
				<li class="manhua"><a href="#" class="zhuli">漫画</a>
					<div class="manhua-1">
						<div class="manhua-1-left">
							<div class="manhuadiv">
								<img src="img/header/man1.png" title="我的英雄学院" />
								<p>我的英雄学院</p>
							</div>
							<div class="manhuadiv">
								<img src="img/header/man2.png" title="鬼灭之刃" />
								<p>鬼灭之刃</p>
							</div>
							<div class="manhuadiv">
								<img src="img/header/man3.jpg" title="刀剑神域" />
								<p>刀剑神域</p>
							</div>
							<div class="manhuadiv">
								<img src="img/header/man4.jpg" title="天官赐福" />
								<p>天官赐福</p>
							</div>
						</div>
						<div class="manhua-1-right">
							<p>人气漫画</p>
							<ol>
								<li class="mname"><a href="#">鬼灭之刃</a><img
									src="img/header/mname1.jpg" /></li>
								<li class="mname"><a href="#">BEASTERS 动物...</a><img
									src="img/header/mname2.jpg" /></li>
								<li class="mname"><a href="#">入间同学入魔了!</a><img
									src="img/header/mname3.jpg" /></li>
								<li class="mname"><a href="#">幽冥诡匠</a><img
									src="img/header/mname4.jpg" /></li>
								<li class="mname"><a href="#">租借女友</a><img
									src="img/header/mname5.jpg" /></li>
								<li class="mname"><a href="#">天官赐福</a><img
									src="img/header/mname6.jpg" /></li>
							</ol>
						</div>
					</div></li>
				<li><a href="#" class="zhuli">赛事</a></li>
				<li class="BML"><a href="#" class="zhuli">BML</a>
					<div class="bml-1">
						<a href="#"><img src="img/header/bml1.webp"
							title="BML广州赛预售开启!" />
							<p>BML广州赛预售开启!</p></a> <a href="#" class="bml-1-2"><img
							src="img/header/bml2.webp" title="BilibiliWorld成都" />
							<p>BilibiliWorld成都</p></a>
					</div></li>
				<li class="xiazai"><a href="#" class="zhuli">下载APP</a>
					<div class="xiazaiapp"></div></li>
			</ul>
			<!--左导航结束-->
		</div>
		<!--左边板块结束-->
		<!--中间板块开始-->
		<div class="h_shuru">
			<input type="text" name="shuru" placeholder="55元冰淇淋，贵就好吃吗" />
			<div class="fangda"></div>
		</div>
		<!--中间板块结束-->
		<!--右边板块开始-->
		<div class="hright">
			<div class="tou">
				<a href="#"><img src="img/header/tou.webp" class="tou-img" /></a>
				<div class="tou-1">
					<p class="tou-p">${user.getName()}</p>
					<div class="tdiv-1">
						· <span class="szuo">等级 ${user.getRank()}</span> <span
							class="syou">8870 / 10800</span> <img src="img/header/xian.png" />
						<div class="tdiv-1-1">
							<p class="p-title">作为LV4，你可以：</p>
							<p>1、发射高级弹幕（彩色、高级、顶部、底部）</p>
							<p>2、参与视频互动（评论、添加、Tag）</p>
							<p>3、投稿成为偶像</p>
							<a href="#">会员等级相关说明&nbsp;&nbsp;&nbsp;&nbsp;></a>
						</div>
					</div>
					<div class="tdiv-2">
						<span><img src="img/header/t2-2.png" />683.0</span> <span><img
							src="img/header/t2-1.png" />0</span> <img src="img/header/t2-3.png" />
					</div>
					<div class="tdiv-3">
						<div class="tdiv-3-1">
							<span>关注</span>
							<p>166</p>
						</div>
						<div class="tdiv-3-1">
							<span>粉丝</span>
							<p>0</p>
						</div>
						<div class="tdiv-3-1">
							<span>动态</span>
							<p>0</p>
						</div>
					</div>
					<ul id="tou-ul">
						<li id="tli"><a href="#">个人中心</a></li>
						<li id="tli"><a href="#">投稿管理</a></li>
						<li id="tli"><a href="#">B币钱包</a></li>
						<li id="tli"><a href="#">订单中心</a></li>
						<li id="tli"><a href="#">直播中心</a></li>
						<li id="tli"><a href="#">我的课程</a></li>
					</ul>
					<div class="tdiv-4">
						语言：简体中文 <img src="img/header/tjian.png" />
						<div class="tdiv-4-1">
							<ul>
								<li class="tdiv-4-shang">简体中文 <img
									src="img/header/tgou.png" /></li>
								<li>繁体中文</li>
							</ul>
						</div>
					</div>
					<div class="tdiv-5">
						<form id="log1" action="./ajaxuser.do?op=loginOpen" method="post">

						</form>
						<div id="endLog" class="tdiv-5-1">退出</div>
					</div>
				</div>
			</div>
			<ul class="rul">
				<li class="huiyuan"><a href="#">大会员</a>
					<div class="huiyuan-1">
						<h3>精彩推荐</h3>
						<div class="huiyuan-zhong">
							<img src="img/header/huiyuan1.jpg" />
							<p>限时5元升级！</p>
						</div>
						<div class="huiyuan-zhong">
							<img src="img/header/huiyuan2.jpg" class="huiyuan-2" />
							<p>每天0.6元享双重会员</p>
						</div>
						<a href="#">开通大会员</a>
					</div></li>
				<li class="xiaoxi"><a href="#">消息</a>
					<div class="xiaoxi-1">
						<ul>
							<li><a href="#">回复我的</a></li>
							<li><a href="#">@我的</a></li>
							<li><a href="#">收到的赞</a></li>
							<li><a href="#">系统通知</a><img src="img/header/one.png" /></li>
							<li><a href="#">我的消息</a></li>
						</ul>
					</div> <img src="img/header/one.png" /></li>
				<li class="dongtai"><a href="#">动态</a>
					<div class="dongtai-1">
						<div class="dongtai-1-top">
							<span>视频动态</span>
							<p>直播</p>
							<p>专栏</p>
						</div>
						<div class="dongtai-1-bottom">
							<div class="dongtai-xiaoxi">
								暂时没有新动态了哦！
								<div class="dongtai-tip">历史动态</div>
							</div>
							<div class="dongtai-1-bottom-bottom">
								<div class="dtdiv">
									<div class="imgzuo">
										<img src="img/header/dl1.webp" /> <img
											src="img/header/d1.svg" class="imgbiao" />
									</div>
									<p class="shangzuo">九九练字高效</p>
									<p class="shangyou">31分钟前</p>
									<p class="xiaxia">重启百万粉丝练字计划，"每日一字"重磅来袭！！！</p>
									<img src="img/header/dr1.webp" class="imgyou" />
								</div>


								<div class="dtdiv">
									<div class="imgzuo">
										<img src="img/header/dl13.webp" /> <img
											src="img/header/d2.svg" class="imgbiao" />
									</div>
									<p class="shangzuo">九九练字高效</p>
									<p class="shangyou">31分钟前</p>
									<p class="xiaxia">重启百万粉丝练字计划，"每日一字"重磅来袭！！！</p>
									<img src="img/header/dr13.webp" class="imgyou" />
								</div>
								<a href="#">查看全部</a>
							</div>
						</div>
					</div></li>
				<li class="shoucang"><a href="#">收藏</a>
					<div class="shoucang-1">
						<div class="shoucang-1-left">
							<div class="scl-shang">
								默认收藏夹&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;32</div>
							<div class="scl-xia">
								稍后再看&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0
							</div>
						</div>
						<div class="shoucang-1-right">
							<div class="scr-shang">
								<div class="spdiv">
									<img src="img/header/ls8.webp" /> <span>01:09</span>
									<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶？ 华为MatePad Pro...</p>
									<p class="pxia">短的发布会</p>
								</div>
								<div class="spdiv">
									<img src="img/header/ls9.webp" /> <span>01:09</span>
									<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶？ 华为MatePad Pro...</p>
									<p class="pxia">短的发布会</p>
								</div>
								<div class="spdiv">
									<img src="img/header/ls10.webp" /> <span>01:09</span>
									<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶？ 华为MatePad Pro...</p>
									<p class="pxia">短的发布会</p>
								</div>

							</div>
							<div class="scr-xia">
								<div class="scr-xia-left">查看全部</div>
								<div class="scr-xia-right">播放全部</div>
							</div>
						</div>
					</div></li>
				<li class="lishi"><a href="#">历史</a>
					<div class="lishi-1">
						<div class="lishi-1-top">
							<p>
								<span class="zhuan1">视频历史</span><span class="zhuan2">专栏</span>
							</p>
						</div>
						<div class="lishi-1-bottom">
							<p>今天</p>
							<div class="spdiv">
								<img src="img/header/ls1.webp" />
								<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶？ 华为MatePad Pro...</p>
								<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
							</div>
							<div class="spdiv">
								<img src="img/header/ls2.webp" />
								<p class="pshang">【短的发布会】花最少的钱感受最全苹果全家桶？ 华为MatePad Pro...</p>
								<p class="pxia">短的发布会&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天 13:00</p>
							</div>

							<a href="#">查看全部</a>
						</div>
					</div></li>
				<li><a href="#">创作中心</a></li>
			</ul>
			<div class="tougao">
				<a href="#">投稿</a>
				<div class="tougao-1">
					<ul>
						<li><a href="#"><img src="img/header/tg1.png" />专栏投稿</a></li>
						<li><a href="#"><img src="img/header/tg2.png" />音频投稿</a></li>
						<li><a id="btnclick" href="#"><img
								src="img/header/tg3.png" />视频投稿</a></li>
						<li><a href="#"><img src="img/header/tg4.png" />投稿管理</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--右边板块结束-->
	</header>
	<!--标题栏结束-->
	<!--内容栏开始-->
	<div class="neirong">
		<div class="neirong-1">
			<h1>${list.get(0).getTitle()}</h1>
			<p class="p-shang">
				<a href="#">${list.get(0).getType()}</a>><a href="#"> </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${list.get(0).getCreatetime()}&nbsp;&nbsp;
			</p>
			<p class="p-xia">
				${list.get(0).getPlayvolume()}播放 · 0万弹幕&nbsp;&nbsp;&nbsp; <img
					src="img/neirong/jin.png" />&nbsp;&nbsp;未经作者授权，禁止转载
			</p>
<video width="1057px" height="683px" autoplay="autoplay"
				controls="controls">
				<!-- 视频地址 -->
				<source src="${basepath}/${list.get(0).getAddress()}"
					type="video/mp4"></source>
			</video>
   

			<div class="shiping-xia">
				<p>
					<span>${list.get(0).getPlayvolume()}</span>&nbsp;人正在看，
				</p>
				<div class="sp-1">
					<img src="img/neirong/danmu-1.png" /> <span>关闭弹幕</span>
				</div>
				<div class="sp-2"></div>
				<div class="sp-3">
					<input id="dangmu" type="text" value="測試彈幕" name="danmu" placeholder="发个友善的弹幕见证当下" />
					<div class="sp-3-1"></div>
					<span>弹幕礼仪 ></span>
				</div>
				<input id="fan" type="button" name="fasong" value="发送" />
			</div>
			<div class="neirong-1-1">
				<ul>
					<li id="abc" onclick="js_method()"><a id="nba"
						href="javascript:" style="display: block;"> ${Quantity} </a></li>
					<li><a href="#">45.4万</a></li>
					<li id="cv" onclick="js_Collection_video()"><a id="cv1"
						href="javascript:" style="display: block;">${cvQuantity}</a></li>
					<li><a href="#">3.4万</a>
						<div class="neirong-1-zhuan">
							<div class="nr-zhuan-left">
								<span class="nr-biao">动态</span> <span class="nr-biao">微博</span>
								<span class="nr-biao">QQ</span> <span class="nr-biao"><span
									class="kongjian">QQ空间</span></span> <span class="nr-biao">贴吧</span>
								<p>将视频贴到博客或论坛</p>
								<span class="nr-t">视频地址</span> <input type="text"
									value="https://www.bilibili.com/video/av24972274/" /> <input
									type="button" value="复制" /><br /> <span class="nr-t">嵌入代码</span>
								<input type="text"
									value="<iframe src=&quot//player.bilibili.com/player.html?aid=24972274&cid=42177257&page=1&quot scrolling=&quotno&quot border=&quot0&quot frameborder=&quotno&quot framespacing=&quot0&quot allowfullscreen=&quottrue&quot> </iframe>" />
								<input type="button" value="复制" />
							</div>
							<div class="nr-zhuan-right">
								<p>微信扫一扫分享</p>
								<img src="img/neirong/z11.png" />
							</div>
						</div></li>
				</ul>
				<span class="tousu">稿件投诉</span>
				<div class="sandian">
					<div class="sandian-1">
						<a href="#">用手机看</a> <a href="#">稍后再看</a>
					</div>
				</div>
			</div>
			<div class="neirong-1-2">
				<!-- 新浪微博@LexBurner。求收藏和特别关注啊！<br />以用户活跃度，受欢迎程度，稿件总数量，稿件同期占比，以及在网站建设过程中，重大决策中，起到标志性作用为标准选出的10部动画。算是B站之“最”，B站“第一次”的一个小盘点，希望大家看的开心。没有在这个排行中上榜的老资历动画，也在其他数据上有着杰出的表现，将在以后不同类型的盘点中为大家介绍。 -->
				<p class="p-xia">
					<img src="img/neirong/jin.png" />&nbsp;&nbsp;未经作者授权，禁止转载
				</p>
				<p>感谢观看</p>
			</div>
			<!-- <span class="nr-shou">收起</span> -->
			<div class="neirong-1-3">
				<ul class="nr-biaoqian">
					<li><a href="#">赛博朋克2077</a>
						<div class="nr-xinxi">
							<p>赛博朋克2077</p>
							<input type="button" value="+关注" />
							<div class="ding">
								<span>顶 224</span> <span>踩 22</span>
							</div>
							<div class="nr-xx-1">《赛博朋克 2077》征稿活动进行中！不限分区！参与瓜分50万奖金！</div>
							<span class="cai">举报</span> <span class="cai">删除</span>
						</div></li>

				</ul>
			</div>
			<div class="neirong-1-4">评论</div>
			<div class="neirong-1-5">
				<ul class="nr-1-5-left">
					<li><a href="#">按热度排序</a></li>
					<li><a href="#">按时间排序</a></li>
					<li><img src="img/neirong/shangdian.png" /></li>
				</ul>
			</div>
			<div class="fabiao">
				<div class="touxiang">
					<img src="img/neirong/touxiang.webp" />
				</div>
				<textarea name="pinglun" rows="5" cols="80"
					placeholder="请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。" id="PingLunText"></textarea>
				<input type="button" name="fabiao" value="发表&#13;&#10;评论"
					onclick="js_fabupinglun()" /> <span>表情</span>
			</div>
			<!-- 评论内容开始 -->
			<!-- 设置变量 -->
			<c:set var="falg" value="0"></c:set>
			<c:set var="falg1" value="0"></c:set>
			<c:forEach items="${commentlist}" var="a" varStatus="status">
				<c:set var="falg1" value="${falg1+1}"></c:set>
				<div class="pinglun">
					<div class="pl-left">
						<div class="pl-tou">
							<img src="img/neirong/t13.webp" class="pl-touxiang" /> <img
								src="img/neirong/d1.svg" class="pl-rz" title="个人认证" />
							<div class="xinxi">
								<img src="img/neirong/t13.webp" class="pl-tou-1" /> <img
									src="img/header/d1.svg" class="pl-rz-1" />
								<div class="xinxi-nr">
									<!-- 评论名称 -->
									<h3>${a.getName()}</h3>
									<img src="img/neirong/xingbie.png" /> <img
										src="img/neirong/dengji.png" /><br /> <span>关注: 16</span> <span>粉丝:
										99</span>
									<p>新浪微博：http://weibo.com/kshadow</p>
									<input type="button" value="已关注" id="btn-gz1" class="btn-gz" />
									<input type="button" value="发消息" class="btn-xx" />
								</div>
							</div>
							<div class="kongbai"></div>
						</div>
						<input type="button" name="guanzhu" value="已关注" />
					</div>
					<div class="pl-right">
						<div class="pl-r-1">
							<div class="pl-name">
								<!-- 评论名称 -->
								<h3>${a.getName()}</h3>
								<div class="xinxi">
									<img src="img/neirong/t5.webp" class="pl-tou-1" /> <img
										src="img/header/d1.svg" class="pl-rz-1" />
									<div class="xinxi-nr">
										<!-- 评论名称 -->
										<h3>${a.getName()}</h3>
										<img src="img/neirong/xingbie.png" /> <img
											src="img/neirong/dengji.png" /><br /> <span>关注: 16</span> <span>粉丝:
											99</span>
										<p>新浪微博：http://weibo.com/kshadow</p>
										<input type="button" value="已关注" id="btn-gz2" class="btn-gz" />
										<input type="button" value="发消息" class="btn-xx" />
									</div>
								</div>
							</div>
							<!-- 评论者后面显示的图片 -->
							<img src="img/neirong/dengji.png" />
							<div class="pl-huizhang">
								<img src="img/neirong/hx3.webp" />
								<div class="pl-hz-1">
									<img src="img/neirong/ji.png" class="ji" /> <img
										src="img/neirong/hd3.webp" class="dahui" />
									<p class="pl-p-1">收集萌新</p>
									<p class="pl-p-2">同时拥有粉丝勋章>=5个</p>
									<p class="pl-p-3">
										普通勋章<a href="#">查看全部>></a>
									</p>
								</div>
							</div>
						</div>
						<!-- 评论内容 -->
						<p class="pl-p">${a.getText()}</p>
						<div class="pl-span-1">
							<!-- 评论时间 -->
							<span class="span-1">${a.getCreatetime()}</span> <span
								class="span-2"></span> <span class="span-3"></span>
							<!-- 设置隐藏域储存评论用户的id -->
							<input type="hidden" id="${falg1}" value="${a.getUser_id()}">
							<!-- 设置隐藏域存储回复用户的名称 -->
							<input type="hidden" id="${falg1}a" value="${a.getName()}">
							<!-- 设置隐藏域存储主表的id -->
							<input type="hidden" id="${falg1}b" value="${a.getId()}">
							<span class="span-4" class="${falg1}"
								onclick="js_huifu1(${falg1})">回复</span>

							<div class="sandian">
								<div class="sandian-1">
									<a href="#">加入黑名单</a> <a href="#">举报</a>
								</div>
							</div>
						</div>

						<!-- 回复的评论开始 -->
						<c:set var="falg2" value="0"></c:set>
						<c:forEach items="${comment_tlist}" var="b" varStatus="status">

							<!-- 遍历判断每条回复是否属于这条评论的下面 -->
							<c:if test="${b.getComment_id() == a.getId()}">
								<!-- 变量自增加一 -->
								<c:set var="falg2" value="${falg2+1}"></c:set>
								<c:set var="falg" value="${falg+1}"></c:set>
								<div class="pl-r-2">
									<div class="toutou">
										<img src="img/neirong/t6.webp" class="tou-2" />
										<div class="xinxi">
											<img src="img/neirong/t6.webp" class="pl-tou-1" /> <img
												src="img/header/d1.svg" class="pl-rz-1" />
											<!-- 头像的个人信息卡片 -->
											<div class="xinxi-nr">
												<!-- 用户名 -->
												<h3>${b.getName()}</h3>
												<img src="img/neirong/xingbie.png" /> <img
													src="img/neirong/dengji.png" /><br /> <span>关注: 16</span>
												<span>粉丝: 99</span>
												<p>新浪微博：http://weibo.com/kshadow</p>
												<input type="button" value="关注" class="btn-g" /> <input
													type="button" value="发消息" class="btn-xx" />
											</div>
										</div>
									</div>
									<div class="pl-name">
										<!-- 用户名 -->
										<h3>${b.getName()}</h3>
										<div class="xinxi">
											<img src="img/neirong/t6.webp" class="pl-tou-1" /> <img
												src="img/header/d1.svg" class="pl-rz-1" />
											<!-- 名称的个人信息卡片 -->
											<div class="xinxi-nr">
												<!-- 用户名 -->
												<h3>${b.getName()}</h3>
												<img src="img/neirong/xingbie.png" /> <img
													src="img/neirong/dengji.png" /><br /> <span>关注: 16</span>
												<span>粉丝: 99</span>
												<p>新浪微博：http://weibo.com/kshadow</p>
												<input type="button" value="关注" class="btn-g" /> <input
													type="button" value="发消息" class="btn-xx" />
											</div>
										</div>
									</div>
									<img src="img/neirong/dengji.png" />
									<!-- 回复内容 -->
									<p class="pl-pl">${b.getText()}</p>
									<div class="pl-span-1">
										<!-- 回复时间 -->
										<span class="span-1">${b.getCreatetime()}</span>
										<!-- 点赞数 -->
										<span class="span-2"></span> <span class="span-3"></span>
										<!-- 设置隐藏域储存评论用户的id -->
										<input type="hidden" id="${falg}" value="${a.getUser_id()}">
										<!-- 设置隐藏域存储回复用户的名称 -->
										<input type="hidden" id="${falg}a" value="${b.getName()}">
										<!-- 设置隐藏域存储主表的id -->
										<input type="hidden" id="${falg}b" value="${a.getId()}">
										<span class="span-4" class="${falg}"
											onclick="js_huifu(${falg})">回复</span>
										<div class="sandian-2">
											<div class="sandian-2-1">
												<a href="#">加入黑名单</a> <a href="#">举报</a>
											</div>
										</div>
									</div>
								</div>

							</c:if>


						</c:forEach>

						<p class="pl-ye">
							<br> <strong>${falg2}</strong>条回复, <span id="chakan"
								onclick="js_chakangengduo()">点击查看</span>
						</p>

					</div>
				</div>
				<hr>
			</c:forEach>
			<!-- 评论内容结束 -->
			<div class="neirong-1-6">
				<div class="kongbai"></div>
				<ul>
					<li><a>1</a></li>
					<!-- <li><a>2</a></li>
					<li><a>3</a></li>
					<li><a>4</a></li>
					<li><a>...</a></li>
					<li><a>10</a></li>
					<li><a href="#">下一页</a></li> -->
				</ul>
				<p>
					共1页，跳至<input type="text" />页
				</p>
			</div>
			<div class="fabiao">
				<div class="touxiang">
					<img src="img/neirong/touxiang.webp" />
				</div>
				<textarea id="PingLunText1" name="pinglun" rows="5" cols="80"
					placeholder="请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。"></textarea>
				<input type="button" name="fabiao" value="发表&#13;&#10;评论"
					onclick="js_fabupinglun1()" /> <span>表情</span>
			</div>
		</div>
		<div class="neirong-2">
			<div class="pl-tou">
				<img src="img/neirong/avatar.webp" class="pl-touxiang" /> <img
					src="img/neirong/d1.svg" class="pl-rz" title="个人认证" />
				<div class="xinxi">
					<img src="img/neirong/avatar.webp" class="pl-tou-1" /> <img
						src="img/header/d1.svg" class="pl-rz-1" />
					<div class="xinxi-nr">
						<h3>${list.get(0).getUsername()}</h3>
						<img src="img/neirong/xingbie.png" /> <img
							src="img/neirong/dengji.png" /><br /> <span>关注: 16</span> <span>粉丝:
							653.6万</span>
						<p>新浪微博：http://weibo.com/${list.get(0).getUsername()}</p>
						<input type="button" value="已关注" id="btn-gz3" class="btn-gz" /> <input
							type="button" value="发消息" class="btn-xx" />
					</div>
				</div>
			</div>
			<div class="pl-name">
				<h3>${list.get(0).getUsername()}</h3>
				<div class="xinxi">
					<img src="img/neirong/avatar.webp" class="pl-tou-1" /> <img
						src="img/header/d1.svg" class="pl-rz-1" />
					<div class="xinxi-nr">
						<h3>${list.get(0).getUsername()}</h3>
						<img src="img/neirong/xingbie.png" /> <img
							src="img/neirong/dengji.png" /><br /> <span>关注: 16</span> <span>粉丝:
							653.6万</span>
						<p>新浪微博：http://weibo.com/${list.get(0).getUsername()}</p>
						<input type="button" value="已关注" id="btn-gz4" class="btn-gz" /> <input
							type="button" value="发消息" class="btn-xx" />
					</div>
				</div>
			</div>
			<div class="nr-fxx">发消息</div>
			<p class="nr-weibo">新浪微博：http://weibo.com/${list.get(0).getUsername()}</p>
			<div class="nr-chong">
				<span>为TA充电</span> <span id="gz">已关注654.4万</span>
			</div>
			<div class="danmu">
				<span class="dm-1">弹幕列表</span> <img src="img/neirong/sandian.png" />

			</div>
			<h2>相关推荐</h2>
			<div class="guanggao">
				<img src="img/neirong/advart.webp" class="gg-left" />
				<p class="gg-s">赛博朋克2077</p>
				<p class="gg-s"
					style="color: #6e6e6e; font-size: small; margin-bottom: 0;">177.2万人已预约</p>
				<img src="img/neirong/star.png" class="gg-right" /> <span>7.2评分</span>
				<p class="gg-x" style="margin-top: 9px;">进入</p>
			</div>
			

		
			
		</div>






		<!-- <div class="neirong-3">
				<img src="img/neirong/33.png"/>
				<a href="#" class="b1">播放<br />调查</a>
				<a href="#" class="b2">功能<br />介绍</a>
			</div> -->
	</div>
	<div class="modal fade" id="NoPermissionModal">
		<div class="modal-dialog modal-lg">
			<div class="modal-content" style="height: 700px">

				<div class="modal-body" style="height: 600px">
					<iframe id="NoPermissioniframe" width="100%" height="90%"
						frameborder="0"></iframe>
				</div>
				<div class="modal-footer">
					<button id="clo" class="btn btn-primary" type="button"></button>
				</div>
			</div>
		</div>
	</div>
	<!-- 弹幕 -->
	 <div class="content" id="content">
        <ul class="shanpe" id="shanpe"></ul>
        <form action="/" method="post" id="dang">
            
            <span ></span>
        </form>
    </div>
   


	<script src="static/js/jquery-3.5.1/jquery-3.5.1.min.js"></script>
	<script src="static/bootstrap/js/bootstrap.js"></script>
	
	
    <script>
        $("#fan").click(function () {
            var dangmuval = $("#dangmu").val();
            var i = Math.floor(Math.random() * 400);//随机高度
            var cont = '<li style="' + 'top: ' + i + 'px;' + 'animation: danmuone 10s 1 forwards linear;' + '">' + dangmuval + '</li>';
            $("#shanpe").append(cont);
        });
    </script>
	<script type="text/javascript">
$(function(){
    $("#btnclick").click(function(){
        var frameSrc = "ezf/upload.jsp";
        $("#NoPermissioniframe").attr("src", frameSrc);
        $('#NoPermissionModal').modal({ show: true, backdrop: 'static' });
    });
});

$("#clo").click(function(){
	$("#NoPermissionModal").modal('hide');
})


</script>





	<!--内容栏结束-->
	<script>	
	// 回复评论实现
	function js_huifu1(a) {
		
		// 获得当前用户的id
		var User_replyid = "${user.getId()}";
		if(User_replyid==""){
			alert("请登录！");
		}else{
			// 弹出输入框
			// 获得评论的内容
			//var text = document.getElementById("PingLunText").value;
			var text=prompt("请输入评论内容");
			if(text==""){
				alert("请输入回复内容");
				text=prompt("请输入评论内容");
			}else if(text!=null){
			//console.log(document.getElementById("PingLunText").value);
			// 获得评论的id
			var user_id = document.getElementById(a).value;
			console.log(user_id);
			// 获得回复谁的名称
			var user_Name = document.getElementById(a+"a").value;
			console.log(user_Name);
			// 获得主表的id
			var comment_id = document.getElementById(a+"b").value;
			console.log(comment_id);
			// 获得当前用户的id
			var User_replyid = "${user.getId()}";
			console.log(User_replyid);
			console.log(text);
			// 发送异步请求
			$.ajax({
				// key: value
				//url	规定发送请求的 URL。默认是当前页面。
				url : './ajaxcomment.do?op=add_t',
				//data	规定要发送到服务器的数据。
				data : {
					"user_Name" : user_Name,
					"user_id" : user_id,
					"text" : text,
					"comment_id":comment_id,
					"User_replyid":User_replyid

				},
				//type	规定请求的类型（GET 或 POST）。
				type : 'post',
				// 获得0表示发布评论失败，1表示发布评论成功
				success : function(flag) {

					if (flag == 1) {
						alert("回复成功");
						// 评论成功刷新当前界面
						location.reload();
					} else {
						alert("回复失败");
					}

				}
			})}
		}
	};
	
	
	
					// 回复评论的回复实现
					function js_huifu(a) {
						
						// 获得当前用户的id
						var User_replyid = "${user.getId()}";
						if(User_replyid==""){
							alert("请登录！");
						}else{
							// 弹出输入框
							// 获得评论的内容
							//var text = document.getElementById("PingLunText").value;
							var text=prompt("请输入评论内容");
							//console.log(text);
							if(text==""){
								alert("请输入回复内容");
								text=prompt("请输入评论内容");
							}else if(text!=null){
							//console.log(document.getElementById("PingLunText").value);
							console.log(text);
							// 获得评论的id
							var user_id = document.getElementById(a).value;
							console.log(user_id);
							// 获得回复谁的名称
							var user_Name = document.getElementById(a+"a").value;
							console.log(user_Name);
							// 获得主表的id
							var comment_id = document.getElementById(a+"b").value;
							console.log(comment_id);
							
							
							
							// 发送异步请求
							$.ajax({
								// key: value
								//url	规定发送请求的 URL。默认是当前页面。
								url : './ajaxcomment.do?op=add_t',
								//data	规定要发送到服务器的数据。
								data : {
									"user_Name" : user_Name,
									"user_id" : user_id,
									"text" : text,
									"comment_id":comment_id,
									"User_replyid":User_replyid

								},
								//type	规定请求的类型（GET 或 POST）。
								type : 'post',
								// 获得0表示发布评论失败，1表示发布评论成功
								success : function(flag) {

									if (flag == 1) {
										alert("回复成功");
										// 评论成功刷新当前界面
										location.reload();
																			
									} else {
										alert("回复失败");
									}
								}
								
							})}
						}
					};
				</script>
	<script>
					// 添加评论功能的实现
					function js_fabupinglun() {
						// 获得添加评论视频的id
						var Video_id = "${list.get(0).getId()}";
						// 获得添加评论用户的id
						var User_id = "${user.getId()}";
						// 获得评论的内容
						var text = document.getElementById("PingLunText").value;
						//console.log(text);
						if(User_id==""){
							alert("请登录！");
						}else{
							if(!text==""){
								
								//已经取到值了
								//console.log(Video_id);
								//console.log(User_id);
								//console.log(text + "123");
								// 发异步提交数据
								$.ajax({
									// key: value
									//url	规定发送请求的 URL。默认是当前页面。
									url : './ajaxcomment.do?op=add1',
									//data	规定要发送到服务器的数据。
									data : {
										"Video_id" : Video_id,
										"User_id" : User_id,
										"text" : text

									},
									//type	规定请求的类型（GET 或 POST）。
									type : 'post',
									// 获得0表示发布评论失败，1表示发布评论成功
									success : function(flag) {

										if (flag == 1) {
											alert("评论成功");
											// 评论成功刷新当前界面
											location.reload();
										} else {
											alert("评论失败");
										}

									}

								});
								}else {
									alert("必须输入评论内容");
								}
						}
					};
					// 添加评论功能的实现
					function js_fabupinglun1() {
						// 获得添加评论视频的id
						var Video_id = "${list.get(0).getId()}";
						// 获得添加评论用户的id
						var User_id = "${user.getId()}";
						// 获得评论的内容
						var text = document.getElementById("PingLunText1").value;
						//console.log(text);
						if(User_id==""){
							alert("请登录！");
						}else{
							if(!text==""){
								
								//已经取到值了
								//console.log(Video_id);
								//console.log(User_id);
								//console.log(text + "123");
								// 发异步提交数据
								$.ajax({
									// key: value
									//url	规定发送请求的 URL。默认是当前页面。
									url : './ajaxcomment.do?op=add1',
									//data	规定要发送到服务器的数据。
									data : {
										"Video_id" : Video_id,
										"User_id" : User_id,
										"text" : text

									},
									//type	规定请求的类型（GET 或 POST）。
									type : 'post',
									// 获得0表示发布评论失败，1表示发布评论成功
									success : function(flag) {

										if (flag == 1) {
											alert("评论成功");
											// 评论成功刷新当前界面
											location.reload();
										} else {
											alert("评论失败");
										}

									}

								});
								}else {
									alert("必须输入评论内容");
								}
						}
					};
				</script>
	<script>
					lazyLoadInit({
						showTime : 1100,
						onLoadBackEnd : function(i, e) {
							console.log("onLoadBackEnd:" + i);
						},
						onLoadBackStart : function(i, e) {
							console.log("onLoadBackStart:" + i);
						}
					});
					// 点赞功能实现
					function js_method() {

						var Video_id = "${list.get(0).getId()}";
						var User_id = "${user.getId()}";
						//已经取到值了
						//console.log(Video_id);
						//console.log(User_id);
						// 发异步，把数据提交给servelet
						$
								.ajax({
									// key: value
									//url	规定发送请求的 URL。默认是当前页面。
									url : './Nb.do?op=add',
									//data	规定要发送到服务器的数据。
									data : {
										"Video_id" : Video_id,
										"User_id" : User_id
									},
									//type	规定请求的类型（GET 或 POST）。
									type : 'post',
									//success(result,status,xhr)	当请求成功时运行的函数。
									// 获得0表示未点赞，1表示点赞
									success : function(str) {
										var result = JSON.parse(str.data);
										if (result.res == 1) {
											document.getElementById("abc").style.backgroundImage = "url(/Ez/img/neirong/s2.png)";
											document.getElementById("abc").style.backgroundRepeat = "no-repeat";
										} else {
											document.getElementById("abc").style.backgroundImage = "url(/Ez/img/neirong/s1.png)";
											document.getElementById("abc").style.backgroundRepeat = "no-repeat";
										}
										document.getElementById("nba").innerText = result.qt;
									}

								});

					};

					// 收藏实现
					function js_Collection_video() {

						var Video_id = "${list.get(0).getId()}";
						var User_id = "${user.getId()}";
						//已经取到值了
						//console.log(Video_id);
						console.log(User_id);
						// 发异步，把数据提交给servelet
						if(User_id==""){
							alert("请登录！");
						}else{
							$
							.ajax({
								// key: value
								//url	规定发送请求的 URL。默认是当前页面。
								url : './Cv.do?op=add',
								//data	规定要发送到服务器的数据。
								data : {
									"Video_id" : Video_id,
									"User_id" : User_id
								},
								//type	规定请求的类型（GET 或 POST）。
								type : 'post',
								//success(result,status,xhr)	当请求成功时运行的函数。
								// 获得0表示未收藏，1表示收藏
								success : function(str) {
									var result = JSON.parse(str.data);
									if (result.res == 1) {
										document.getElementById("cv").style.backgroundImage = "url(/Ez/img/neirong/s6.png)";
										document.getElementById("cv").style.backgroundRepeat = "no-repeat";
									} else {
										document.getElementById("cv").style.backgroundImage = "url(/Ez/img/neirong/s5.png)";
										document.getElementById("cv").style.backgroundRepeat = "no-repeat";
									}
									document.getElementById("cv1").innerText = result.cqt;

								}

							});
						}

					};
				</script>
	<script type="text/javascript">
					//启动时判断该用户是否对该视频点赞过而更改图片

					$(document)
							.ready(
									function() {
										var Video_id = "${list.get(0).getId()}";
										var User_id = "${user.getId()}";
										// 发送异步到服务器查询记录
										$
												.ajax({
													// key: value
													//url	规定发送请求的 URL。默认是当前页面。
													url : './Nb.do?op=showId',
													//data	规定要发送到服务器的数据。
													data : {
														"Video_id" : Video_id,
														"User_id" : User_id
													},
													//type	规定请求的类型（GET 或 POST）。
													type : 'post',
													//success(result,status,xhr)	当请求成功时运行的函数。
													// 获得0表示未点赞，1表示点赞
													success : function(res) {
														if (res == 1) {

															document
																	.getElementById("abc").style.backgroundImage = "url(/Ez/img/neirong/s2.png)";
															document
																	.getElementById("abc").style.backgroundRepeat = "no-repeat";

														} else {
															document
																	.getElementById("abc").style.backgroundImage = "url(/Ez/img/neirong/s1.png)";
															document
																	.getElementById("abc").style.backgroundRepeat = "no-repeat";

														}

													}

												});

									});
					// 启动时判断该用户是否对该视频收藏过而更改图片
					$(document)
							.ready(
									function() {
										var Video_id = "${list.get(0).getId()}";
										var User_id = "${user.getId()}";
										// 发送异步到服务器查询记录
										$
												.ajax({
													// key: value
													//url	规定发送请求的 URL。默认是当前页面。
													url : './Cv.do?op=showId',
													//data	规定要发送到服务器的数据。
													data : {
														"Video_id" : Video_id,
														"User_id" : User_id
													},
													//type	规定请求的类型（GET 或 POST）。
													type : 'post',
													//success(result,status,xhr)	当请求成功时运行的函数。
													// 获得0表示未点赞，1表示点赞
													success : function(res) {
														if (res == 1) {

															document
																	.getElementById("cv").style.backgroundImage = "url(/Ez/img/neirong/s6.png)";
															document
																	.getElementById("cv").style.backgroundRepeat = "no-repeat";

														} else {
															document
																	.getElementById("cv").style.backgroundImage = "url(/Ez/img/neirong/s5.png)";
															document
																	.getElementById("cv").style.backgroundRepeat = "no-repeat";

														}

													}

												});

									});
					 $("#endLog").click(function(){
			        	  $('#log1').submit();
			          });
				</script>

				
	<script src="${basepath}/static/js/jquery-3.5.1/jquery-3.5.1.min.js"></script>
	<script src="${basepath}/js/EasyLazyload.min.js"></script>

	<script src="${basepath}/js/changeimg.js"></script>
	<script src="${basepath}/js/guanzhu.js"></script>
</body>
</html>
